<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>

<body>
    <!-- 原来的加密：MD5 -->
    <form action="https://www.baidu.com" method="post" name="form1">
        <!-- 1、单文本输入框 -->
        用户名:<input type="text" value="请输入" maxlength="6" name="userName" size="30"><br>
        <!-- 2、密码框 -->
        密码:<input type="password"><br>
        <!-- 3、单选框(单选按钮) -->
        男:<input type="radio" name="gender" checked>
        女:<input type="radio" name="gender"><br>
        <!-- 4、多选框（复选框） -->
        爱好：唱<input type="checkbox">跳<input type="checkbox">rap<input type="checkbox">篮球<input
            type="checkbox">music<input type="checkbox"><br>
        <!-- 5、文件域 -->
        上传头像<input type="file"><br>
        <!-- 8、普通按钮 -->
        <input type="button" value="离开"><br>
        <!-- 9、图片按钮 -->
        <input type="image" src="../img/touxiang.png" width="50"><br>
        <!-- 6、提交按钮 -->
        <input type="submit" value="注册"><br>
        <!-- 7、重置按钮 -->
        <input type="reset" value="刷新"><br>
        <!-- 10、文本域，多行文本输入框 -->
        请留言：<textarea cols="50" rows="10" style="resize: none;"></textarea>
        <br>
        <!-- 11、下拉菜单 -->
        出生地选择：
        <select name="" id="">
            <option value="北京">北京</option>
            <option>上海</option>
            <option selected>南京</option>
            <option>黑龙江</option>
            <option>深圳</option>
        </select>
        <br>
        <!-- 12、label标签 -->
        <label for="man">男：</label>
        <input type="radio" id="man" name="gender">
        <label for="woman">女：</label>
        <input type="radio" id="woman" name="gender"> <br>
    </form>
</body>

</html>